<!doctype html>

<head>
    <title>2048</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1, maximum-scale=1" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="apple-touch-icon" href="images/icon.png" />
    <link rel="apple-touch-startup-image" href="images/icon.png" />
    <link rel="stylesheet" type="text/css" href="css/style.css">

    <style type="text/css">
        body ,
        div ,
        canvas{-webkit-image-rendering:optimizeSpeed;
                image-rendering:optimizeSpeed;
          -webkit-interpolation-mode:nearest-neighbor;
        }

        body{margin:0;
          padding:0;

          background-color:#fff;

          font-size:12px;
        }

        body ,
        html{height:100%;
        }

        #outer{position:relative;

          overflow:hidden;

          width:100%;
          height:100%;
        }

        #outer[id]{position:static;

          display:table;
        }

        #middle{position:absolute;
          top:50%;
        }
        /* for ie only*/

        #middle[id]{position:static;

          display:table-cell;

          vertical-align:middle;
        }

        #container{position:relative;
          top:-50%;

          width:2000px;
          height:1000px;
          margin:0 auto;
        }

        #msg{margin-top:50%;

          text-align:center;
        }

        #fps{position:absolute;
          top:0;
          left:0;

          color:#000;
        }
    </style>

    <!-- 基础-->
    <script src="../../js/lib/core/Class.js"></script>
    <script src="../../js/lib/event/EventMixin.js"></script>
    <!--工具核心-->
    <script src="../../js/lib/util/util.js"></script>
    <script src="../../js/lib/util/browser.js"></script>
    <script src="../../js/lib/util/TextureAtlas.js"></script>
    <script src="../../js/lib/util/Ticker.js"></script>
    <script src="../../js/lib/tween/Tween.js"></script>
    <script src="../../js/lib/geom/Matrix.js"></script>
    <script src="../../js/lib/core/Core.js"></script>
    <!--预加载-->
    <script src="../../js/lib/loader/ImageLoader.js"></script>
    <script src="../../js/lib/loader/LoadQueue.js"></script>
    <!--渲染器-->
    <script src="../../js/lib/renderer/Renderer.js"></script>
    <script src="../../js/lib/renderer/CanvasRenderer.js"></script>
    <script src="../../js/lib/renderer/DomRenderer.js"></script>
    <!--元素-->
    <script src="../../js/lib/view/View.js"></script>
    <script src="../../js/lib/view/Container.js"></script>
    <script src="../../js/lib/view/Sprite.js"></script>
    <script src="../../js/lib/view/Stage.js"></script>
    <script src="../../js/lib/view/Drawable.js"></script>
    <script src="../../js/lib/view/Bitmap.js"></script>
    <script src="../../js/lib/view/BitmapText.js"></script>
    <script src="../../js/lib/view/DOMElement.js"></script>

    <script type="text/javascript" src="src/tile.js"></script>
    <script type="text/javascript" src="src/tilemap.js"></script>
    <script type="text/javascript" src="src/game.js"></script>
    <script type="text/javascript" src="src/app.js"></script>

</head>

<body>

    <div id="outer">
        <div id="middle">
            <div id="container">
                <div id="msg">Loading...</div>
            </div>
        </div>
    </div>
    <div id="fps"></div>

</body>

</html>